﻿@model dynamic
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>小程序首页定制-会员中心</title>
    <link href="/admin_store/css/site.css" rel="stylesheet" />
    <script type="text/javascript" src="/admin_store/scripts/jquery.js"></script>
    <script type="text/javascript" src="/admin_store/scripts/admin_index.js"></script>
    <style>
    a:link, a:visited { color:#fff;}
    .preview-wrap{position:fixed;width:100%;text-align:left;overflow-y:auto;height:100%;overflow-x:hidden}
    #phone-component{position:relative;display:inline-block;width:332px;height:678px;margin-left:30px;margin-right:30px;background-image:url(http://static.711688.net.cn/weapp/images/6s.png);background-size:100% 100%;background-repeat:no-repeat;vertical-align:top;z-index:999}
    .phone-head{position:absolute;top:81px;left:22px;width:288px;height:58px;background-image:url(http://static.711688.net.cn/weapp/images/phone-head.jpg);background-size:100% 100%;background-repeat:no-repeat}
    .phone-content{position:absolute;top:139px;left:22px;width:288px;height:454px;overflow:hidden;background-color:#fff}
    .preview-iframe{display:block;position:relative;width:320px;height:504px;transform:scale(.9);-webkit-transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9);transform-origin:0 0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;outline:0;border:none}
    .phone-head span{color:#fff;cursor:pointer;position:absolute;left:10px;top:25px;font-size:14px;line-height:25px;padding-left:14px;background-image:url(http://static.711688.net.cn/weapp/images/left.png);background-size:auto 15px;background-repeat:no-repeat;background-position:left center}
    #phone-component.phone-6plus{width:332px;height:670px;background-image:url(http://cdn.jisuapp.cn/zhichi_frontend/static/webapp/images/phone/6s.png)}
    #phone-component.phone-6plus .phone-head{top:81px;left:22px;width:288px}
    #phone-component.phone-6plus .phone-content{top:139px;left:22px;width:288px;height:446px}
    #phone-component.phone-6plus .preview-iframe{width:320px;height:495px;transform:scale(.9);-webkit-transform:scale(.9);-ms-transform:scale(.9);-moz-transform:scale(.9)}
    #phone-component.phone-5s{width:312px;height:648px;background-image:url(http://static.711688.net.cn/weapp/images/5s.png)}
    #phone-component.phone-5s .phone-head{top:93px;left:25px;width:262px}
    #phone-component.phone-5s .phone-content{top:150px;left:26px;width:260px;height:405px}
    #phone-component.phone-5s .preview-iframe{width:320px;height:498px;transform:scale(.8125);-webkit-transform:scale(.8125);-ms-transform:scale(.8125);-moz-transform:scale(.8125)}
    .service-component{margin-left:30px;text-align:center;width:300px;height:560px;margin-top:60px;background:#fff;border:1px solid #e6e6e6;border-radius:3px;box-shadow:-1px -1px 5px #eee,1px 1px 5px #eee;vertical-align:top}
    .code-container{position:relative;display:inline-block;width:200px;height:218px;margin:40px 0 10px;border:1px solid #ccc}
    #preview-code{width:200px;height:200px}
    .service-component .code-container-text{position:absolute;color:#535353;font-size:12px;bottom:3px;width:200px;line-height:20px;height:20px}
    .box{width:100%;position:relative;cursor:pointer}
    .box .bmbox{width:100%;height:100%;background:#000;position:absolute;bottom:0;left:0;display:none;font:12px/30px "宋体";color:#fff;text-align:center}
    .box:hover .bmbox{background-color:rgba(0,0,0,.5);display:block;text-align:center;vertical-align:center}
    .btn{font-size:18px;line-height:200%;border-radius:5px;background-color:coral;color:#fff;padding:5px;display:block;width:200px;text-decoration:none;margin:auto;}
    
    .pcPreview {position:absolute;top:140px;right:10px;width: 45px;height: 41px;background-color: #FF8427;text-align: center; padding-top:4px; border-radius: 5px;letter-spacing:2px; line-height:18px; }
    .pcPreview a { color:#fff; text-decoration:none; font-size:14px; }
    .link { position:absolute;width:300px; height:55px; top:0px; left:325px; z-index:10; background:url(/admin_store/images/pc/link.png);}
    .link a {color:red; font-size:16px; padding: 12px 0 0 76px;display: block; text-decoration:none;}
    
    </style>
    <script>
        $(function () {
            loadLink();
        })
        //加载链接
        function loadLink() {
            var dyb_userid = getCookies("shtusers", "userid");
            var url = "http://" + dyb_userid + ".711688.com.cn";
            $(".link a").attr("href", url);
            $(".link a").html(dyb_userid + ".711688.com.cn");
            $(".link").css("display", "");
        }
    </script>
</head>
<body>
    <div style="width:980px; position:relative;">
        <div class="link" style="display:none">
            <a href="javascript:" target="_blank"></a>
        </div>
        <div style="background-color:#fff;">
            <table style="width:100%">
                <tr>
                    <td>
                        <div class="box" style="cursor:inherit;margin:-10px 0;">
                            <img src="/admin_store/images/pc/preview_0.png" />
                        </div>
                        <div class="box">
                            <img src="/admin_store/images/pc/preview_1.png" style="margin-top:5px; margin-bottom:5px;" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/widgetconfiglist?code=pc_index_nav" class="btn" style="margin-top: 0px">设置分类导航</a>
                            </div>
                        </div>
                        <div class="box" style="width:663px;margin-left:170px">
                            <img src="/admin_store/images/pc/preview_2.png" style="width:100%;" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/widgetconfiglist?code=pc_index_banner" class="btn" style="margin-top: 100px">设置轮播图</a>
                            </div>
                        </div>
                        <div class="box">
                            <img src="/admin_store/images/pc/preview_3.png" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/IndexPictureWidgetConfigList?code=pc_index_pic_a" class="btn" style="margin-top:230px">设置图片A区</a>
                            </div>
                        </div>
                        <div class="box">
                            <img src="/admin_store/images/pc/preview_4.png" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/widgetconfiglist?code=index_product" class="btn" style="margin-top:230px">设置商品</a>
                            </div>
                        </div>

                        <div class="box">
                            <img src="/admin_store/images/pc/preview_8.png" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/WidgetConfigList?code=pc_index_news" class="btn" style="margin-top:250px">设置内容列表</a>
                            </div>
                        </div>
                        <div class="box">
                            <img src="/admin_store/images/pc/preview_9.png" />
                            <div class="bmbox">
                                <a href="/storeadmin/pc/IndexPictureWidgetConfigList?code=pc_index_pic_b" class="btn" style="margin-top:100px">设置图片B区</a>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <div class="pcPreview"><a href="http://pc.711688.co/pages/?storeid=@WorkContext.StoreId" target="_blank">预览首页</a></div>
        </div>
    </div>
</body>
</html>